/* 
    Document   : order
    Created on : Feb 16, 2011, 10:33:28 AM
    Author     : phuocthai
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.pos-categorybar-vertical {overflow: hidden;position: relative;border-right:1px solid #9ECAD8;padding-right:5px;background-color:#CEEFF1}
.pos-categorybar-vertical-body {margin: 0;overflow: hidden;width:100%;height:100%;background-color:#fff;border-right:1px solid #9ECAD8}
.pos-categorybar-vertical-body-scroll {    margin-top: 25px;
                                           margin-bottom: 25px;
                                           position: relative;}
.pos-categorybar-vertical-right-scroll:hover {
    background-position: bottom right;
}
.pos-categorybar-vertical-right-scroll {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/scrollable.png");
    background-position: top right;
    background-repeat: no-repeat;
    border-top: 1px solid #8DB2E3;
    border-right:1px solid #9ECAD8;
    cursor: pointer;
    height: 25px;
    position: absolute;
    bottom: 0;
    width: 100px;
    z-index: 10;
}
.pos-categorybar-vertical-left-scroll:hover {
    background-position: left bottom;
}
.pos-categorybar-vertical-left-scroll {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/scrollable.png");
    background-position: top left;
    background-repeat: no-repeat;
    border-bottom: 1px solid #8DB2E3;
    border-right:1px solid #9ECAD8;
    cursor: pointer;
    height: 25px;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 10;
}

.pos-category:hover {
    background-color: #B3C8E8;
}
.pos-category {
    width:90px;
    cursor: pointer;
    float: left;
    text-align: center;
    -moz-border-radius:3px;
    border-radius:3px;
    margin-left:5px;
    display: table;
    #position: relative;
    height:40px;
}

.pos-category-seld {
    background-color: wheat;
}

.pos-category-cnt {
    display: table-cell;
    #position: absolute;
    #top: 50%;
    vertical-align: middle;
}
.pos-category-text {
    padding:3px;
    color: #1C5178;
    font-size: 12px;
    white-space:normal;
    #position: relative;
    #top: -50%;
}
.k-product-list {

}
.k-product-list tr.z-listitem {
    background-image:url("../images/bread.gif");
    background-repeat: no-repeat;
    background-position: 2px 2px;
    height:52px;
/*    width:50%;
    float:left;*/
}
.k-product-list td.product-name .z-listcell-cnt {
    font-size:12px;
    font-weight:bold;
}
.k-product-list td.z-listcell .z-listcell-cnt{
    padding-left:52px;
    white-space: nowrap;
}
.k-product-list td.z-listcell {
    display:block;
    padding:3px 0;
}
.k-product-list .z-listitem-seld {border:none;}
tr.z-listitem td.z-listitem-focus {background-image:none;}

/** Product paging */
.k-product-list .z-paging {background-image:none}
.k-product-list .z-paging-btn .z-paging-next, .k-product-list .z-paging-btn .z-paging-prev {width:80px;height:30px;background-position: center center;background-repeat:no-repeat;border:1px solid #9ECAD8;border-radius:3px;}
.k-product-list .z-paging span,
.k-product-list .z-paging input,
.k-product-list .z-paging-info,
.k-product-list .z-paging-btn .z-paging-last,
.k-product-list .z-paging-btn .z-paging-first {display:none;}

/*required field*/


.color-red .z-listcell-cnt {color: red !important}
.bkimg-div {
    background-image: url("../images/oval.png") !important;
    background-color: transparent;
    background-position: top right;
    background-repeat: no-repeat;
}

